<nav class="grid-nav seed-flexbox">
  <div class="item" *ngFor="let nav of navList">
    <a (click)="goToCircleDetail(nav)">
      <img [src]="nav.icon" alt="" seed-load-img [defaultImg]="'circle'">
      <p class="text-ellipsis">{{nav.circleName| truncate:10}}</p>
    </a>
  </div>
</nav>
